/*
* Copyright (C) 2024 HiHope Open Source Organization.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*   http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <script>
          function textPostXhr(url) {
              let formData = new FormData();
              let myBlob = new Blob(['This is my blob content'], {type : 'text/plain'});
              formData.append('upload', myBlob);
              let xhr = new XMLHttpRequest();
              xhr.open('POST', url, true);
              xhr.send(formData);
              xhr.onreadystatechange = function (err) {
                console.log(err.target.status);
              };
          }
          function textPutXhr(url) {
                  let formData = new FormData();
                  let myBlob = new Blob(['This is my blob content'], {type : 'text/plain'});
                  formData.append('upload', myBlob);
                  let xhr = new XMLHttpRequest();
                  xhr.open('PUT', url, true);
                  xhr.send(formData);
                  xhr.onreadystatechange = function (err) {
                    console.log(err.target.status);
                  };
          }
    </script>
</head>
    <body>
        <div onclick="textPostXhr('https:' + '//www.example.com/xhr')">test xhr post</div>
        <div onclick="textPutXhr('https:' + '//www.example.com/xhr')">test xhr put</div>
    </body>
</html>